<!DOCTYPE html>
<html>

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Login</title>

    <!-- Core CSS - Include with every page -->
    <link href="<?php echo base_url(); ?>asset_bo/css/bootstrap.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>asset_bo/fonts/font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- SB Admin CSS - Include with every page -->
    <link href="<?php echo base_url(); ?>asset_bo/css/sb-admin.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>asset_bo/css/custom.css" rel="stylesheet">

    <script src="<?php echo base_url(); ?>asset_bo/js/jquery-1.10.2.js"></script>
    <!-- Validasi -->
    <script src="<?php echo base_url(); ?>asset_bo/js/validasi/additional-methods.js"></script>
    <script src="<?php echo base_url(); ?>asset_bo/js/validasi/jquery.validate.js"></script>
    <script>
      $().ready(function() {
        $("form").validate({
          rules: {
            username: {
              required: true
            },
            password: {
              required: true,
            },
          },
          messages: {
            username: {
              required: "Username harus diisi."
            },
            password: {
              required: "Password harus diisi.",
            },
          }
        });

        var topicInputs = topics.find("input").attr("disabled", !inital);
      });
    </script>
    <style type="text/css">
      form {  }
      form label.error {
        padding: 2px 5px; 
        background: #ffdddd; 
        margin: 0px 0; 
        border-radius: 0px; 
        width: 100%;
        font-weight: normal;
        font-style: italic;
      }
    </style>
  </head>

  <body style="background: #3a4b69">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-md-offset-4">
          <div class="login-panel panel panel-default">
            <div class="panel-heading">
                <span class="judul-page">Please Sign In</span>
            </div>
            <div class="panel-body">
              <form role="form" method="post" action="<?php echo site_url('login/doLogin'); ?>">
                <div class="input-group input-group-sm margin-bottom10">
                  <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                  <input type="text" name="username" class="form-control" placeholder="Username">
                </div>
                <div class="input-group input-group-sm margin-bottom10">
                  <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                  <input type="password" name="password" class="form-control" placeholder="Password">
                </div>
                <!-- Change this to a button or input when using this as a form -->
                <p class="pull-right" style="margin: 15px 0 0 0">
                  <button type="submit" class="btn btn-sm btn-warning">
                    <span class="glyphicon glyphicon-log-in"></span>&nbsp;&nbsp;Login
                  </button>
                </p>
              </form>
            </div>
          </div>
          <center style="color: #ddd;">Copyright&copy; 2014 Raksa Abadi Informatika</center>
        </div>
      </div>
    </div>
    <!-- Core Scripts - Include with every page -->
    <script src="<?php echo base_url(); ?>asset_bo/js/bootstrap.min.js"></script>
    <script src="<?php echo base_url(); ?>asset_bo/js/plugins/metisMenu/jquery.metisMenu.js"></script>

    <!-- SB Admin Scripts - Include with every page -->
    <script src="<?php echo base_url(); ?>asset_bo/js/sb-admin.js"></script>

  </body>

</html>
